<html>
<head>
<title>Project A++</title>
<style type = "text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");

html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
body{
background-image: url(background_blue.gif);
background-repeat : repeat-x;
}
h1{
color: #67a7e3;
text-align : center;
font-size: 400%;
}
#feed_control{
top: 115px;
left: 2px;
background-color: white;
border: 2px solid 	#8B2500;
margin: 30px 2% 0px 2%;
width: 1315;
color: #1E90FF;
position: absolute;
}
.gfg-horizontal-root .gfg-title a {
color:#1E90FF;
text-decoration:none;
}
#flashcard{
top: 185px;
left: 2px;
background-color: white;
border: 3.5px dashed	#1E90FF;
width: 550;
height: 500;
margin: 40px 0% 0px 5%;
float:left;
clear: left;
text-align: center;
position: absolute;
}
h2{
color: #8B2500;
font-size: 200%
}
#timer{
top: 730px;
left: 2px;
float: left;
clear: left;
border: 3px solid 	#8B2500;
margin: 40px 0% 30px 5%;
width: 550;
height: 295;
background-color: white;
position: absolute;
}
#music{
top: 185px;
left: 670px;
width: 550;
height: 270;
background-color: white;

border: 3px solid 	#8B2500;
margin: 40px 5% 0px 5%;
position: absolute;
}
#notes{

top: 495px;
left: 670px;

background-color: white;
width: 550;
height: 400;

border: 3px solid #8B2500;
margin: 40px 5% 0px;

position: absolute;
}
#aboutus{

top: 1100;
left: 2px:
bottom: 10px;
width: 1315;

clear: left;
background-color: white;
border: 2px solid 	#8B2500;
height: 25;
margin: 40px 2% 0px 2%;
text-align: center;
position: absolute;
}
p{
color:white;
}
h3{
color: #1E90FF;
font-size: 150%;
text-align: center;
}
#pic{
text-align: right;
padding-left: 30px;
}
#notes2{
color: #1E90FF;
font-size: 150%;
text-align: center;
padding-left: 90px;
}
#pic3{
padding-left:10px;
padding-right:10px;
}
#fcpic1{
padding-left:40px;
}
#timerpic{
padding-left: 130px;
}
#hello{
top:1200;
left: 2px:
bottom: 10px;
width: 1315;

clear: left;
background-color: white;
position: absolute;
}
</style>

</head>

<body>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" ></script>
<h1>Project A++</h1>

 <div id="feed_control">
 
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
  
  </div>

<div id = "flashcard">
<table>
<tr>
<td>
<img id="fcpic1"src = "http://tbn0.google.com/images?q=tbn:su4I2kg2bJ6fnM:http://www.sheboyganfalls.k12.wi.us/staff/dehogue/FSSH/images/note_card.jpg">
</td>
<td>
<h2 id = "pic3"> Flash Cards </h2>
</td>
<td>
<img id = "fcpic2"src = "http://tbn0.google.com/images?q=tbn:su4I2kg2bJ6fnM:http://www.sheboyganfalls.k12.wi.us/staff/dehogue/FSSH/images/note_card.jpg">
</td>
</tr>
</table>
<script src="http://www.gmodules.com/ig/ifr?url=http://ericfarraro.com/gadgets/flippr.xml&amp;up_color=0&amp;synd=open&amp;w=538&amp;h=350&amp;title=+&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

</div>

<div id = "music">
<h3>Music</h3>
<table>
<tr>
<td>
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/114079647988249262548/lfmplayer.xml&amp;up_mode=personal&amp;up_uta=bbc6music&amp;synd=open&amp;w=340&amp;h=145&amp;title=+&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>
<td>
</td>
<td>
<img id = "pic" src = "http://tbn0.google.com/images?q=tbn:-siCcxyfq9nO_M:http://www.mouserunner.net/free_graphics/Musical_Notes/Notes_1/Notes_1_Preview_P.png"/>
</td>
</tr>
</table>
</div>

<div id = "notes">
<table>
<tr>
<td>
<img id= "pic2" src= "http://tbn0.google.com/images?q=tbn:nzZLhLEBC7FvAM:http://www.northsydneychamber.com.au/uploaded/Billy%2520Blue%2520pencil%2520(1).jpg"/>
</td>
<td>
<h3 id= "notes2">Notes</h3>
</td>
</tr>
</table>
<script type="text/javascript">
document.write("<input type='button' value='Start writing notes...' onclick='drawing();'/>");

function drawing()
{
  document.getElementById('notes').innerHTML="<img src='http://tbn0.google.com/images?q=tbn:nzZLhLEBC7FvAM:http://www.northsydneychamber.com.au/uploaded/Billy%2520Blue%2520pencil%2520(1).jpg'/><h3>Notes</h3><textarea name='comments' cols=65 rows=15 wrap=physical></textarea>";
}
</script>
</div>


<div id = "timer">
<table>
<tr>
<td>
<img id = "timerpic" src= "http://tbn0.google.com/images?q=tbn:DqSqSqZTOQ46sM:http://mcdonaldscientific.com/McDonaldscientific/Stop%2520Watch.jpg"/>


</td>
<td>
<h3 id = "timer3">Timer</h3></td>
</tr>
</table>
<script src="http://www.gmodules.com/ig/ifr?url=http://www.qicnet.eu/timer.xml&amp;synd=open&amp;w=538&amp;h=145&amp;title=+&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>
</div>



<div id = "aboutus"><a id="aboutAnchor" rel="lightbox" href="about.jpg">About Us / Help / Contact Us</a>
</div>
<div id = "hello">
<p>
hello
</p>
</div>
<br /><br /><br />

<script src="http://www.google.com/jsapi?key=notsupplied-wizard" type="text/javascript"></script>

  <!-- Dynamic Feed Control and Stylesheet -->
  <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
  <style type="text/css">
    
  </style>
	<script>
	
	function whiteout(){
		document.getElementById('timer').disabled=true;}	
		
		document.getElementById('aboutAnchor').onclick = whiteout;
	</script>

  <script type="text/javascript">
    function LoadDynamicFeedControl() {
      var feeds = [
	{title: 'Study Tips /Info Nuggets',
	 url: 'http://openlearn.open.ac.uk/rss/file.php/stdfeed/1/study_skills.xml'
	}];
      var options = {
        stacked : false,
        horizontal : true,
        title : "",
		numResults:20
      }

      new GFdynamicFeedControl(feeds, 'feed_control', options);
    }
    // Load the feeds API and set the onload callback.
    google.load('feeds', '1');
    google.setOnLoadCallback(LoadDynamicFeedControl);
  </script>
 
</body>
</html>